import { View } from '@tarojs/components'
import Card from 'components/CodeCard'
import s from './index.module.scss'
import code from './code.md'
import { useState } from 'react'


export default function Border() {
  const [show, setShow] = useState(true)
  return(
    <Card
    title='border-bottom-left-radius'
      desc='设置边框的左下角的圆角，从 0px 到 50px，像素值越大，圆角越圆'
      renderCode={() =>( show ? <wemark md={code} link highlight type='wemark' /> : null)}
      btn={() =>{setShow(!show)}}
    >
      <View className={s.container}>
        <View className={s.box_4}></View>
      </View>
    </Card>
  )
}